<template>
	<view class="show">
		<view class="show-item" v-for="(item,index) in dataList" :key="index">
			<image class="item-big" :src="item.bigUrl" mode=""></image>
			<view class="item-small">
				<block v-for="(k,i) in item.data" :key="i">
					<image class="img-item" :src="k.imgUrl" mode=""></image>
				</block>
			</view>

		</view>
		
	</view>

</template>

<script>
	export default {
		props: {
			dataList: Array
		}
	}
</script>

<style scoped>
	.show {
		padding: 20rpx;
	}

	.show-item {
		display: flex;
		flex-direction: column;
		border-radius: 30px;
		border: 2px solid #7777;
		overflow: hidden;
		margin: 20rpx 0;
	}

	.item-big {
		width: 100%;
		height: 300rpx;
	}

	.item-small {
		width: 100%;
		height: 240rpx;
	}

	.img-item {
		width: 33.333%;
		height: 240rpx;
	}
</style>
